/* 通用变量 */
:root {
  /* 基础字体 */
  --font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
  --font-code: 'Source Code Pro', Consolas, Monaco, Menlo, monospace;
  
  /* 主题色 */
  --primary-color: #0c3d92;
  --primary-hover: #1b4ca6;
  --primary-active: #072a66;
  
  /* 文本颜色 */
  --text-color: #2c3e50;
  --text-muted-color: #606266;
  --text-hover-color: #0c3d92;
  
  /* 背景色 */
  --bg-color: #ffffff;
  --bg-color-soft: #f5f7fa;
  --bg-color-hover: #f5f7fa;
  --sidebar-bg-color: #f8f8f8;
  --top-bar-bg-color: #f5f5f5;
  
  /* 边框和分隔线 */
  --border-color: #dcdfe6;
  --divider-color: #e4e7ed;
  
  /* 交互状态 */
  --hover-color: rgba(0, 0, 0, 0.05);
  --active-bg-color: rgba(0, 0, 0, 0.1);
  --item-hover-color: rgba(0, 0, 0, 0.06);
  --item-active-bg-color: rgba(12, 61, 146, 0.08);
  
  /* 其他功能颜色 */
  --danger-color: #f56c6c;
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --info-color: #909399;
  
  /* 编辑器 */
  --editor-bg: #ffffff;
  --editor-text: #2c3e50;
  
  /* 代码块 */
  --code-bg-color: #f8f8f8;
  --code-color: #476582;
  --code-font-family: var(--font-code);
}

/* 深色模式变量 */
.dark-mode {
  /* 主题色 */
  --primary-color: #409eff;
  --primary-hover: #66b1ff;
  --primary-active: #3a8ee6;
  
  /* 文本颜色 */
  --text-color: #e0e0e0;
  --text-muted-color: #909399;
  --text-hover-color: #66b1ff;
  
  /* 背景色 */
  --bg-color: #1e1e1e;
  --bg-color-soft: #252526;
  --bg-color-hover: #2c2c2c;
  --sidebar-bg-color: #252526;
  --top-bar-bg-color: #1e1e1e;
  
  /* 边框和分隔线 */
  --border-color: #414243;
  --divider-color: #414243;
  
  /* 交互状态 */
  --hover-color: rgba(255, 255, 255, 0.1);
  --active-bg-color: rgba(255, 255, 255, 0.15);
  --item-hover-color: rgba(255, 255, 255, 0.1);
  --item-active-bg-color: rgba(64, 158, 255, 0.15);
  
  /* 编辑器 */
  --editor-bg: #1e1e1e;
  --editor-text: #e0e0e0;
  
  /* 代码块 */
  --code-bg-color: #282c34;
  --code-color: #abb2bf;
} 